<template>
  <div id="not-found-view">
    <div class="img">
      <img src="@/assets/404错误.png" alt="404" title="404" />
    </div>
    <div class="notFound">
      <router-link to="/">返回首页</router-link>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
#not-found-view {
  .img {
    width: 40%;
    height: 40%;
    margin: 0 auto;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .notFound {
    text-align: center;
  }
  margin-bottom: 20px;
}
</style>
